﻿/* CSS Document */
#frame{width:100%; background-color:#FFFFFF; height:auto; float:left; margin-top:-10px;}
#message{ margin-left:auto; margin-right:auto; width:1024px; height:100%;}
#userlogo,#userID{height:120px; margin:20px 0px 20px 0px; float:left; width:135px;color:#666666;}
#userID #username{ font:Arial, Helvetica, sans-serif;float:left; font-size:16px}
#userID .from{ font:Arial, Helvetica, sans-serif; float:left; font-size:12px; color: #666666; margin-top:5px}
#umsg{width:270px; float:left; height:100%; margin-right:390px}
#umsg1{width:100%; float:left; height:60px; margin-top:20px;border-bottom:dashed 1px #EFEFEF; margin-bottom:10px}
#umsg2{width:230px; float:right; height:100%; border:1px solid #EBEBEB; background-color:#F3F3F3}
.etc{width:auto; height:50px; float:left; border-right:solid 1px #EFEFEF; padding-right:10px;}
.etc1{width:auto; height:50px; float:right; margin-left:10px;}

.from1{ font:Arial, Helvetica, sans-serif; float:left; font-size:20px; color:#66CCFF}

#bumsg{width:90px; float:left; height:100%;}
#bumsg #umsg1 .etc .etc1 .from{font:Arial, Helvetica, sans-serif; float:left; font-size:13px; color: #666666}
#honor{ width:auto; margin-top:20px; margin-left:20px; font-size:12px;color: #666666}
#friend{margin-top:17px; font-size:14px;}
#friend1{width:210px; height:auto;}
#umsg2 #friend1,#friend{ margin-left:20px; float:left; margin-bottom:5px; width:210px; height:auto;display:inline;}

.friendimage{width:40px; height:40px; float:left; margin-right:5px;margin-top:10px}
.friendname{width:140px; height:40px; float:left; margin-right:5px; font-size:12px; color:#666666; margin-top:10px}

.clear{clear:both;}
#message1{ margin-left:auto; margin-right:auto; width:1024px; height:100%;  position:relative; height:100%; }
#frame1{width:100%; background-color:#FFFFFF; height:70px; float:left; margin-top:-10px; position:relative;border-top:solid 1px #EFEFEF; background-color:#FDFDFD;border-bottom:solid 1px #CCCCCC; }
#frame1 #message1 h3{font-size:18px;color:#999999;  float:left; width:120px; text-align:center; line-height:40px; border-right:1px solid #EBEBEB; margin-top:15px; list-style-type:none;	}
#frame1 #message1 .h31{font-size:18px;color:#999999;  float:left; width:120px; text-align:center; line-height:70px; border-right:1px solid #FFFFFF; background-color:#EAEAEA; float:left; z-index:1; color:#FFFFFF; margin:0}
#frame1 #message1 .classify1{font-size:18px;color:#999999;  float:left; width:120px; text-align:center; line-height:70px; border-right:1px solid #FFFFFF; background-color:#EAEAEA; float:left; z-index:1; color:#FFFFFF; margin:0}
.line{ width:1; height:40px; border:1px solid #EEEEEE; float:left; margin-top:12px; margin-right:30px}
#message2{ margin-left:auto; margin-right:auto; width:1024px; height:auto;}
#av{width:100%; height:20px; position:relative; float:left;} 
.state{ font-size:12px; margin-right:20px; line-height:12px; background-color:#999999; color:#FFFFFF; padding:4px 4px; border:dotted 1px; float:left}
.state1{ font-size:12px; margin-right:20px; height:20px;  padding:5px 4px; float:left}
#container #say{width:350px; height:300px; border:1px solid #999999; margin-top:5px; background-color:#FFFFFF}
.say1{margin:15px 0px 0px 15px; float:left}
textarea{width:190px; margin-left:15px; margin-right:15px; float:left; height:130px; font-size:12px; color:#999999}
.line1{ margin-top:10px; width:100%; height:1px; border-top:#EAEAEA dashed; border-width:1px; float:left}
#publish{ margin-top:0px; float:left; margin-left:134px}
img{border:0}
#frame1 #message1 .classify a{ color:#999999}
.u_mess{width:auto; height:auto; margin:10px}
.u_mess1{width:50px; height:auto; float:left; margin-right:10px}
.u_mess2{width:134px; height:auto; float:left; margin-bottom:10px}
.u_name{ float:left; color:#CC3333; font-size:12px;  padding:0; margin:0; list-style:none}
.u_mess .u_mess2 .font11{font-size:12px; font-family:"新宋体"; list-style:none; padding:0; margin:0; text-align:left;float:left;}
span{ text-align:left; float:left}
